@(missionName: String, configId: Option[Int])(implicit request: RequestHeader)
	@main("新建分析")("newMission") {

		<link rel="stylesheet" media="screen" href="@routes.Assets.at("zTree_v3/css/demo.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.at("zTree_v3/css/zTreeStyle/zTreeStyle.css")">

		<style>

				.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
					background-color: white;
				}

				.form-horizontal .has-feedback .form-control-feedback {
					top: 0;
					right: -15px;
				}

				.layui-layer-dialog .layui-layer-content {
					max-height: 80vh;
				}

				.layui-layer-btn {
					margin-top: 10px;
				}

		</style>

		<div class="page-content">

			<div class="page-bar">
				<ul class="page-breadcrumb">
					<li>
						<i class="fa fa-plus"></i>
						<span >新建分析</span>
					</li>
				</ul>
			</div>

			<div class="row-fluid">
				<div class="row">
					<div class="col-md-12 col-sm-12">
						<div class="portlet blue-dark box">
							<div class="portlet-title">
								<div class="caption">
									原始测序数据分型分析
								</div>
							</div>

							<div class="portlet-body" id="parentPanel">

								<form id="batchForm" class=" form-horizontal" accept-charset="UTF-8"
								method="post" style="margin-top: 30px;">

									<input hidden name="hideConfigId" value="@configId">

									<div class="col-sm-offset-2">
										<span class="error" style="line-height: 35px;">@request.flash.get("info")</span>
									</div>

									<div class="form-group">
										<label class="control-label col-sm-2">分析名称: <span class="must">*</span></label>
										<div class="col-sm-4">
											<input class="form-control" name="missionName" value="@missionName" onfocus="inputSelect(this)">
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-sm-2">分析描述: </label>
										<div class="col-sm-6">
											<textarea class="form-control" name="missionIntro" rows="5"></textarea>
										</div>
									</div>

									<div class="form-group" style="display: none">
										<label class="control-label col-sm-2">数据类型:</label>
										<div class="col-sm-3">
											<select class="form-control" name="dataType" >
												<option value="noSplit" >未拆分</option>
												<option value="hasSplit" selected>已拆分</option>
											</select>
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-sm-2">已拆分数据所在目录:</label>
										<div class="col-sm-8">
											<div class="input-group">
												<input id="citySel" class="form-control" name="splitDir" value="" readonly/>
												<span class="input-group-btn">
													<button style="" class="btn btn-default" id="menuBtn" type="button" onclick="NewMission.showMenu">
														选择</button>
												</span>
											</div>
										</div>
									</div>

									<div id="server" style="display: none">
										<div class="form-group">
											<label class="control-label col-sm-2">选择gz文件:</label>
											<div class="col-sm-8">
												<select class="form-control" name="serverGzFile" style="width: 100%">
													<option value=""></option>
												</select>
											</div>
										</div>
									</div>

									<div class="form-group">
										<label class="control-label col-sm-2">样品信息文件（*.xlsx）:</label>
										<div class="col-sm-8">
											<input type="file" class="file control-label" name="sampleInfoFile"
											data-show-preview="false" accept=".xlsx"
											data-show-upload="false" >
											<span class="help-block"><a href="@routes.ToolController.downloadExampleData()?fileName=sample_info.xlsx"><em>
												示例数据</em></a></span>
										</div>
									</div>

									<div class="form-group form-horizontal">
										<div class="actions col-sm-offset-2 col-sm-2">
											<button type="button" class="btn btn-primary" style="width: 90%;" id="search" onclick="NewMission.batchRun">
												开始运行</button>
										</div>
									</div>

								</form>

								<div id="menuContent" class="menuContent" style="display: none;
									position: absolute;
									z-index: 3">
									<div class="row" style="">
										<div class="col-sm-8" style="padding-right: 0px">
											<ul id="treeDemo" class="ztree" style="margin-top: 0;
												width: 100%;
												height: 300px;"></ul>
										</div>
										<div class="col-sm-4" style="padding-left: 0px">
											<ul id="fileTree" class="ztree" style="margin-top: 0;
												width: 100%;
												height: 300px;"></ul>
										</div>

										<div class="col-sm-12">
											<form class="form-horizontal bv-form" id="form" action="" data-toggle="validator" enctype="multipart/form-data" novalidate="novalidate"><button type="submit" class="bv-hidden-submit" style="display: none;
												width: 0px;
												height: 0px;"></button>
												<div class="modal-footer bg-info" style="background-color: #E9EDEF;
													padding-top: 5px;
													padding-bottom: 5px;
													z-index: 3">
													<input type="hidden" id="ID" name="ID">
													<button type="button" class="btn blue" onclick="NewMission.confirmSelect">
														确定</button>
													<button type="button" class="btn green" data-dismiss="modal" onclick="NewMission.cancel">
														取消</button>
												</div>
											</form>
										</div>
									</div>
								</div>


							</div>
						</div>
					</div>
				</div>
			</div>

		</div>

		<script>

				Tool.fileInput

				$(function () {
					NewMission.init
				})


		</script>


	}
